var React = require('react-native');

var {
    StyleSheet
    } = React;

var Dimensions = require('Dimensions');
var { width, height, scale } = Dimensions.get('window');

var pWidth = width/100;
var pHeight = height/100;


var styles = StyleSheet.create({
    content: {
        flex: 1,
        paddingTop: 22,
    },
    container: {
        width: width,
    },


    // flex

    center: {
        justifyContent: 'center',
        alignItems: 'center',
    },

    Row: {
        flexDirection: 'row',
    },

    //字体颜色

    textGray: {
        color: '#727272',
    },

    // loading

    Loading: {
        width: width,
        height: height - 22,
        justifyContent: 'center',
        alignItems: 'center',
    },

    // head & menu

    head: {
        width: width,
        height: pHeight * 6,
        backgroundColor: 'rgba(255, 255, 255, 1)',
        justifyContent: 'center',
        alignItems: 'center',
    },

    menu: {
        width: width,
        height: pHeight * 6,
        backgroundColor: 'rgba(242, 242, 242, 1)',
        position: 'absolute',
        bottom: 0,
        justifyContent: 'center',
        alignItems: 'center',
    },

    thumbnail: {
        width: 53,
        height: 81,
    },

    // home

    itemBox: {
        width: width - 20,
        paddingVertical: 15,
        marginHorizontal: 10,
        borderBottomWidth: 1,
        borderColor: '#ddd'

    },

    TagGroup: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        backgroundColor: 'rgba(242, 242, 242, 1)',
        borderTopWidth: 1,
        borderColor: '#ddd',
        paddingVertical: 10,
        paddingHorizontal: 10,
    },

    Tags: {
        paddingVertical: 6,
        paddingHorizontal: 14,
        borderRadius: 4,
        borderColor: '#ddd',
        borderWidth: 1,
        backgroundColor: 'rgba(255, 255, 255, 1)',
    },

    TagText: {
        fontSize: 12,
    },

    ItemName:{
        width:  width -20,
        height: 16,
        overflow: 'hidden',
        marginBottom: 10
    },

    Itempic: {
        width:  width -20,
        height: pHeight * 20,
    },

    ItemIcon: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        marginTop: 10,
    },

    Icons: {
        marginRight: 3,
    },

    Iconsright: {
        paddingLeft: 30,
        paddingRight: 10,
        borderLeftWidth: 1,
        borderColor: '#ddd'
    },




    // movie

    sliderGroup: {
        flexDirection: 'row',
        height: pHeight * 20,
        backgroundColor: '#ddd'
    },

    sliderImg: {
        width: width,
        height: pHeight * 20,
    },

    categoryBox: {
        width: width - 20,
        paddingVertical: 15,
        marginHorizontal: 10,
        borderBottomWidth: 1,
        borderColor: '#ddd',
    },

    cateTitle: {
        flexDirection: 'row',
        justifyContent: 'space-between',
    },

    cateName: {
        marginLeft: 10,
    },

    vlistimg: {
        width: (width-20) / 3,
        height: pHeight * 10,
    },

    cateTable: {
        flexDirection: 'row',
        justifyContent: 'space-between',
        marginTop: 10,
    },

    VlistBox: {
        width: (width-20)/3-10,
    },

    Vlistimg: {
        width: (width-20)/3-10,
        height: (width-20)/3-10,
    },

    Vlistduration: {
        width: (width-20)/3-10,
        position: 'absolute',
        bottom: 0,
        paddingVertical: 4,
        paddingHorizontal: 8,
        backgroundColor: 'rgba(0, 0, 0, 0.6)',
    },

    textWhite: {
        color: '#fff',
    },

    Vlistname: {
        width: (width-20)/3-10,
        height: 33,
        overflow: 'hidden',
        paddingTop:6,
    },

    Vlistinfo: {
        fontSize: 12,
    },

    more: {
        fontSize: 12,
        color: '#666'
    },



    //travelBox


    travelBox: {
        width: width - 20,
        paddingVertical: 15,
        marginHorizontal: 10,
        borderBottomWidth: 1,
        borderColor: '#ddd',
    },



});

module.exports = {
    styles: styles
}